
<template>
  <div id="editperson">
    <h1 style="margin-top:0">{{this.$route.params.id}}</h1>
    <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card">
      <el-tab-pane label="基本信息" name="first">
        <el-form :model="editForm" label-width="150px" :rules="editFormRules" ref="editForm">
          <el-form-item label="单位全称" prop="Name">
            <el-input v-model="editForm.Name" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item label="机构规格" prop="Jigouguige">
            <el-input v-model="editForm.Jigouguige" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item label="行业类别" prop="Hangyeleibie">
            <el-input v-model="editForm.Hangyeleibie" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item label="京内京外" prop="Jingneijingwai">
            <el-input v-model="editForm.Jingneijingwai" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item label="事业单位类型" prop="Shiyedanweileixing">
            <el-input v-model="editForm.Shiyedanweileixing" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item label="统一社会信用代码" prop="Xinyongdaima">
            <el-input v-model="editForm.Xinyongdaima" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item label="批准文号" prop="Pizhunwenhao">
            <el-input v-model="editForm.Pizhunwenhao" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item label="法人证书号" prop="Farenzhengshuhao">
            <el-input v-model="editForm.Farenzhengshuhao" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item label="单位设立时间" prop="Shelishijian">
            <el-input v-model="editForm.Shelishijian" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item label="组织机构代码" prop="Zuzhijigoudaima">
            <el-input v-model="editForm.Zuzhijigoudaima" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item label="法定代表人" prop="Fadingdaibiaoren">
            <el-input v-model="editForm.Fadingdaibiaoren" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item label="邮政编码" prop="Youbian">
            <el-input v-model="editForm.Youbian" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item label="固定电话" prop="Gudingdianhua">
            <el-input v-model="editForm.Gudingdianhua" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item label="通信地址" prop="Tongxindizhi">
            <el-input v-model="editForm.Tongxindizhi" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item label="编制人员情况" prop="CanGong">
            <el-input v-model="editForm.Tongxindizhi" auto-complete="off"></el-input>
          </el-form-item>
          <el-button @click.native="colsedialog">取消</el-button>
          <el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
        </el-form>
      </el-tab-pane>
      <el-tab-pane label="编制设置" name="second">
        <el-table :data="bz" highlight-current-row v-loading="bzlistLoading" style="width: 100%;">
          <el-table-column type="index" label="序号" width="50">
          </el-table-column>
          <el-table-column prop="Fenlei" label="分类" width="100">
          </el-table-column>
          <el-table-column prop="Shenfen" label="人员身份" width="100">
          </el-table-column>
          <el-table-column prop="Zhiwujibie" label="职务级别" width="100">
          </el-table-column>
          <el-table-column prop="Zhiwumingcheng" label="职务名称" width="100">
          </el-table-column>
          <el-table-column prop="Renshu" label="人数" width="100">
          </el-table-column>
          <el-table-column prop="Remark" label="备注">
          </el-table-column>
          <el-table-column label="操作" width="100">
            <template slot-scope="scope">
              <el-button size="small" @click="userEdit(scope.row.Id)" type="primary">修改</el-button>
              <el-button size="small" @click="userDel(scope.row.Id)" type="danger">删除</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-tab-pane>
      <el-tab-pane label="人员情况" name="third">
        <h1>领导</h1>
        <el-card class="box-card" style="width:250px;float:left;margin-right:20px">
          <div slot="header" class="clearfix">
            <span>某某</span>
            <el-button style="float: right; padding: 3px 0" type="text">修改</el-button>
          </div>
          <div class="text item">
            职位：主任
          </div>
          <div class="text item">
            性别：男
          </div>
          <div class="text item">
            出生年月：1980年04月
          </div>
        </el-card>
        <el-card class="box-card" style="width:250px;float:left;margin-right:20px">
          <div slot="header" class="clearfix">
            <span>某某</span>
            <el-button style="float: right; padding: 3px 0" type="text">修改</el-button>
          </div>
          <div class="text item">
            职位：副主任
          </div>
          <div class="text item">
            性别：男
          </div>
          <div class="text item">
            出生年月：1981年09月
          </div>
        </el-card>
        <el-card class="box-card" style="width:250px;float:left;margin-right:20px">
          <div slot="header" class="clearfix">
            <span>某某</span>
            <el-button style="float: right; padding: 3px 0" type="text">修改</el-button>
          </div>
          <div class="text item">
            职位：副主任
          </div>
          <div class="text item">
            性别：女
          </div>
          <div class="text item">
            出生年月：1983年04月
          </div>
        </el-card>
        <el-card class="box-card" style="width:250px;float:left;margin-right:20px">
          <div slot="header" class="clearfix">
            <span>空缺</span>
            <el-button style="float: right; padding: 3px 0" type="text">添加</el-button>
          </div>
          <div class="text item">
            职位：副主任
          </div>
          <div class="text item">
            性别：
          </div>
          <div class="text item">
            出生年月：
          </div>
        </el-card>
        <div style="clear:both;height:20px"></div>
        <h1>普通人员</h1>
        <el-card class="box-card" style="width:250px;float:left;margin-right:20px">
          <div slot="header" class="clearfix">
            <span>某某</span>
            <el-button style="float: right; padding: 3px 0" type="text">修改</el-button>
          </div>
          <div class="text item">
            职位：科员
          </div>
          <div class="text item">
            性别：男
          </div>
          <div class="text item">
            出生年月：1988年04月
          </div>
        </el-card>
        <el-card class="box-card" style="width:250px;float:left;margin-right:20px">
          <div slot="header" class="clearfix">
            <span>空缺</span>
            <el-button style="float: right; padding: 3px 0" type="text">添加</el-button>
          </div>
          <div class="text item">
            职位：科员
          </div>
          <div class="text item">
            性别：
          </div>
          <div class="text item">
            出生年月：
          </div>
        </el-card>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      activeName: 'first',
      editForm: []
    }
  },
  methods: {
    handleClick (tab, event) {
      console.log(tab, event)
    }
  },
  mounted () {
  }
}
</script>
